<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
		<style type="text/css">
			.aui-content {
				background: #ffffff;
				overflow: hidden;
			}
			.aui-order-header {
				width: 100%;
				padding: 10px 15px;
				color: #999;
				font-size: 14px;
				overflow: hidden;
				line-height: 32px;
			}
			.order-avatar {
				float: left;
				width: 32px;
				height: 32px;
				border-radius: 50%;
			}
			.order-nickname {
				float: left;
				font-size: 14px;
				line-height: 32px;
				margin-left: 10px;
			}
			.order-time {
				font-size: 12px;
			}
			.aui-order-body {
				width: 100%;
			}
			.aui-order-title {
				font-size: 16px;
				color: #333;
				margin-bottom: 5px;
			}
			.aui-order-footer {
				padding: 0 15px 15px 15px;
				overflow: hidden;
				line-height: 30px;
			}
			.aui-img-object{
			    margin-top: 20px;
			}
			.aui-order-footer, .comment {
				font-size: 14px;
				color: #999;
			}
			.order-top {
				position: fixed;
				top: 0;
				width: 100%;
				height: 50px
			}
			.mt50 {
				margin-top: 50px
			}
			.my-num{
			    height: 30px;
			    line-height: 30px;
			    text-align: center;
			}
			.chide{display:none}
			.cactive{display:block}
		</style>
	</head>
	<body>
		<div class="aui-tab order-top">
			<ul class="aui-tab-nav" id="ordertab">
				<li id="b0" class="active">
					一级顾问
				</li>
				<li id="b1">
					二级顾问
				</li>
				<li id="b2">
					三级顾问
				</li>
			</ul>
		</div>
		<div id="tab0">
	        <div class="aui-content mt50"> 
	          <p class="my-num">我的一级团队顾问(5人)</p>
		      <ul class="aui-list-view">
	            <li class="aui-list-view-cell aui-img aui-flex-middle">
	                <img class="aui-img-object aui-pull-left"src="../../image/person.jpg">
	                <div class="aui-img-body">
	                    <h4>流浪男</h4>
	                    <p>微信号:<label class="aui-text-info">34526</label></p>
	                    <p>顾问：否</p>
	                    <p>关注时间：2016-01-01 11:00:00</p>
	                    <p>顾问ID：156</p>
	                </div>
	            </li>
	            <li class="aui-list-view-cell aui-img">
	                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
	                <div class="aui-img-body">
	                    <h4>流浪男</h4>
	                    <p>微信号:<label class="aui-text-info">34526</label></p>
	                    <p>顾问：否</p>
	                    <p>关注时间：2016-01-01 11:00:00</p>
	                    <p>顾问ID：156</p>
	                </div>
	            </li>
	            <li class="aui-list-view-cell aui-img">
	                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
	                <div class="aui-img-body">
	                    <h4>流浪男</h4>
	                    <p>微信号:<label class="aui-text-info">34526</label></p>
	                    <p>顾问：否</p>
	                    <p>关注时间：2016-01-01 11:00:00</p>
	                    <p>顾问ID：156</p>
	                </div>
	            </li>
	            
	            <li class="aui-list-view-cell aui-img">
	                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
	                <div class="aui-img-body">
	                    <h4>流浪男</h4>
	                    <p>微信号:<label class="aui-text-info">34526</label></p>
	                    <p>顾问：否</p>
	                    <p>关注时间：2016-01-01 11:00:00</p>
	                    <p>顾问ID：156</p>
	                </div>
	            </li>
	            <li class="aui-list-view-cell aui-img">
	                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
	                <div class="aui-img-body">
	                    <h4>流浪男</h4>
	                    <p>微信号:<label class="aui-text-info">34526</label></p>
	                    <p>顾问：否</p>
	                    <p>关注时间：2016-01-01 11:00:00</p>
	                    <p>顾问ID：156</p>
	                </div>
	            </li>
	        </ul>
	        </div>  
		</div>
		<div id="tab1" class="chide">
			<div class="aui-content mt50">
			    <p class="my-num">我的二级团队顾问(5人)</p>
				<ul class="aui-list-view">
		            <li class="aui-list-view-cell aui-img">
		                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
		                <div class="aui-img-body">
		                    <h4>流浪男</h4>
		                    <p>微信号:<label class="aui-text-info">34526</label></p>
		                    <p>顾问：否</p>
		                    <p>关注时间：2016-01-01 11:00:00</p>
		                    <p>顾问ID：156</p>
		                </div>
		            </li>
		            <li class="aui-list-view-cell aui-img">
		                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
		                <div class="aui-img-body">
		                    <h4>流浪男</h4>
		                    <p>微信号:<label class="aui-text-info">34526</label></p>
		                    <p>顾问：否</p>
		                    <p>关注时间：2016-01-01 11:00:00</p>
		                    <p>顾问ID：156</p>
		                </div>
		            </li>
		            <li class="aui-list-view-cell aui-img" >
		                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
		                <div class="aui-img-body">
		                    <h4>流浪男</h4>
		                    <p>微信号:<label class="aui-text-info">34526</label></p>
		                    <p>顾问：否</p>
		                    <p>关注时间：2016-01-01 11:00:00</p>
		                    <p>顾问ID：156</p>
		                </div>
		            </li>
		            
		            <li class="aui-list-view-cell aui-img">
		                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
		                <div class="aui-img-body">
		                    <h4>流浪男</h4>
		                    <p>微信号:<label class="aui-text-info">34526</label></p>
		                    <p>顾问：否</p>
		                    <p>关注时间：2016-01-01 11:00:00</p>
		                    <p>顾问ID：156</p>
		                </div>
		            </li>
		            <li class="aui-list-view-cell aui-img">
		                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
		                <div class="aui-img-body">
		                    <h4>流浪男</h4>
		                    <p>微信号:<label class="aui-text-info">34526</label></p>
		                    <p>顾问：否</p>
		                    <p>关注时间：2016-01-01 11:00:00</p>
		                    <p>顾问ID：156</p>
		                </div>
		            </li>
		        </ul>
			</div>
		</div>
		<div id="tab2"  class="chide">
			<div class="aui-content mt50">
			    <p class="my-num">我的三级团队顾问(5人)</p>
				<ul class="aui-list-view">
		            <li class="aui-list-view-cell aui-img">
		                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
		                <div class="aui-img-body">
		                    <h4>流浪男</h4>
		                    <p>微信号:<label class="aui-text-info">34526</label></p>
		                    <p>顾问：否</p>
		                    <p>关注时间：2016-01-01 11:00:00</p>
		                    <p>顾问ID：156</p>
		                </div>
		            </li>
		            <li class="aui-list-view-cell aui-img">
		                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
		                <div class="aui-img-body">
		                    <h4>流浪男</h4>
		                    <p>微信号:<label class="aui-text-info">34526</label></p>
		                    <p>顾问：否</p>
		                    <p>关注时间：2016-01-01 11:00:00</p>
		                    <p>顾问ID：156</p>
		                </div>
		            </li>
		            <li class="aui-list-view-cell aui-img">
		                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
		                <div class="aui-img-body">
		                    <h4>流浪男</h4>
		                    <p>微信号:<label class="aui-text-info">34526</label></p>
		                    <p>顾问：否</p>
		                    <p>关注时间：2016-01-01 11:00:00</p>
		                    <p>顾问ID：156</p>
		                </div>
		            </li>
		            
		            <li class="aui-list-view-cell aui-img">
		                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
		                <div class="aui-img-body">
		                    <h4>流浪男</h4>
		                    <p>微信号:<label class="aui-text-info">34526</label></p>
		                    <p>顾问：否</p>
		                    <p>关注时间：2016-01-01 11:00:00</p>
		                    <p>顾问ID：156</p>
		                </div>
		            </li>
		            <li class="aui-list-view-cell aui-img">
		                <img class="aui-img-object aui-pull-left" src="../../image/person.jpg">
		                <div class="aui-img-body">
		                    <h4>流浪男</h4>
		                    <p>微信号:<label class="aui-text-info">34526</label></p>
		                    <p>顾问：否</p>
		                    <p>关注时间：2016-01-01 11:00:00</p>
		                    <p>顾问ID：156</p>
		                </div>
		            </li>
		        </ul>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript">
		apiready = function() {
			api.parseTapmode();
			setTab();
		}
		function setTab() {
			var ordertab = $api.domAll("#ordertab li");
			for (var i in ordertab) {
				$api.addEvt(ordertab[i], 'click', function() {
					$api.removeCls($api.dom("#ordertab li.active"), 'active');
					$api.addCls(this, 'active');
					var id=$api.attr(this,'id');

					for(var j=0;j<3;j++)
					{
						$api.removeCls($api.byId('tab' + j), 'cactive');
						$api.addCls($api.byId('tab' + j), 'chide');
					}
					$api.addCls($api.byId('ta' + id), 'cactive');
				});
			}
		}
	</script>
</html>